<nz-modal [(nzVisible)]="isVisible" nzTitle="" nzWrapClassName="vertical-center-modal" [nzCancelText]="cancelNull" nzOkText="关闭" nzWidth="350" nzClosable="false"  (nzOnOk)="cancel()">
  <nz-card nzHoverable style="width:300px" [nzCover]="coverTemplate">
    <nz-card-meta nzTitle="权限:系统管理员" nzDescription="帐号状态:一切正常"></nz-card-meta>
  </nz-card>
  <ng-template #coverTemplate>
    <img alt="example" src="assets/image/avater.jpg"/>
  </ng-template>
</nz-modal>
        <nz-layout style="height:100%">
                <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="triggerTemplate">
                  <div class="logo">
                    NG6-Admin
                  </div>
                  <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
                    <li nz-submenu *ngFor="let panel of panels" [nzOpen]="panel.name == thisPanelName" >
                      <span title><i [class]="panel.icon"></i><span class="nav-text">{{panel.name}}</span></span>
                      <ul>
                        <li nz-menu-item *ngFor="let panelChild of panel.child" [nzSelected]="panelChild.name == thisTitle">
                            <a (click)="routers(panelChild,panel.name)">{{panelChild.name}}</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </nz-sider>
                <nz-layout>
                  <nz-header style="background: #fff; padding:0;position:relative">
                    <i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed" (click)="isCollapsed=!isCollapsed"></i>
                    <ng-container  *ngFor="let menu of menuList">
                            <ng-container>
                                <li [ngClass]="{'isSelect' : menu.isSelect , 'unSelect' : !menu.isSelect}">
                                    <a (click)="routerModule(menu)">{{ menu.title }}</a> 
                                    <span class="closeIcon" (click)="closeUrl(menu.module,menu.isSelect)" *ngIf="menu.title != '城市详情'"><i class="anticon anticon-close"></i></span> 
                                </li>
                            </ng-container>
                        </ng-container>
                        <div class="msg">
                          <nz-avatar (click)="isVisible=true" nzIcon="anticon anticon-user" [nzSize]="'large'" nzSrc="assets/image/avater.jpg"></nz-avatar>
                        </div>
                       
                  </nz-header>
                  <nz-content style="margin:0 16px;">
                    <nz-breadcrumb style="margin:16px 0;">
        
                    </nz-breadcrumb>
                    <div style="padding:24px; background: #fff; min-height: 800px;">
                            <router-outlet></router-outlet>
                    </div>
                  </nz-content>
                  <nz-footer style="text-align: center;">Thanks for NG-ZORRO support.</nz-footer>
                </nz-layout>
              </nz-layout>
              <ng-template #trigger>
                <i class="anticon anticon-up"></i>
              </ng-template> 

